img{border: none;width:100%;height:100%;}
a{
    text-decoration: none;
    color:#b9b9b9;
}
a:hover, a:focus {
    text-decoration: none;
    color:#b9b9b9;
}
.l{float:left}
.gy2{width:1440px;margin:0 auto;overflow:hidden}
.holer{height:124px; overflow:hidden;background-color: #000;}
#headdiv{height: 86px; position: fixed; top: 0px; width: 100%; z-index: 1000; background: none;}
/*顶部bar*/
.top01{width:100%;height:38px;line-height:38px;background:#0889f9;color:#fff;overflow:hidden;font-size:12px}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{width:100%;min-width:1200px;background-color: #000; height: 86px;}
.top02 .top02_center{width:1440px;min-width:1200px;margin:0 auto}
.logo{
	float:left;
	padding-top:10px;
}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#f67524;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{
    float: right;
}
.nav li{position:relative}
.nav li.m{width:125px;padding-right:22px;margin:0 22px 0 0;float:left;text-align:center;background:url(../images/top_bg1.png) right 46px no-repeat}
.nav .m.on a.mmm{
	color:#bdb9b7;
}
.nav a.mmm{
	width:125px;
	height:85px;
	padding-top:30px;
	display:block;
	font-size:16px;
	color:#fff
}
.nav a.active{
    /* color:#0075C2; */
    color:#2d5abf;
}
.center {
    text-align: center;
}
.bottom a{
    width: 32px;
    height: 32px;
    border: solid 2px #00a0e9;
    display: inline-block;
    border-radius: 36px;
    line-height: 28px;
    color: #00a0e9;
    font-size: 17px;
    margin-bottom: 20px;
}
.solution .solution_left, .solution .solution_right{
    display: inline-block;
    width: 200px;
	height: 1px;
	background-color: #000000;
	opacity: 0.2;
}
.solution .solution_icon{
    margin-top:20px;
    font-size: 12px;
    position:relative;
}
.solution_center{
    color:#ccc;
    position: absolute;
    left: 50%;
    margin-left: -13px;
    font-size: 25px;
}
.solution_left{
    position: absolute;
    top: 18px;
    left: 31%;
}
.solution_right{
    position: absolute;
    top: 18px;
    left: 51%;
    margin-left: 4px;
}
.solution>h2>a{
    font-weight:600;
    font-size: 28px;
    letter-spacing: 10px;
    color:#000;
}
.governingSuper{
    margin:88px 0 108px;
    position:relative;
}
.governingSuper img{
    width:100%;
    height:100%;
}
.governingSuper p{
    height: 220px;
    color: #000;
    padding: 52px;
    background-color: #fff;
    position: absolute;
    bottom: -105px;
    left: 50%;
    width: 800px;
    margin-left: -400px;
    font-size: 17px;
    text-align: left;
}
.feature{
    background-color:#f0f0f0;
}
.logistics .left{
    float:left;
    /* width:68%; */
    overflow: hidden;
}
.logistics .left img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.logistics .left:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.logistics .right{
    /* width:32%; */
    height:292px;
    padding:50px 50px 70px;
    float:right;
    background-color:#222937;
    text-align: left;
    color:#fff;
}
.logistics .line{
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.right_p {
    font-size: 22px;
    color:#fff;
}
.right_p1{
    margin:20px 0;
    color:#dedede;
    font-size:18px;
}
.right_p2{
    width: 96px;
	height: 30px;
	background-color: #cbcbcb;
    border-radius: 3px;
    text-align: center;
    line-height: 30px;
}
.right_p2 a{
    color:#282828;
}
.logistics .left a{
    display: block;
    width:100%;
    position:relative;
}
.left .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.left .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.left .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.left .up-graybox .linet {
    top: 0;
}
.left .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.left:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.left .up-graybox .linet {
    top: -10px;
}
.left .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.left .up-graybox .lineb {
    bottom: 0;
}
.left .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.Weigh{
    margin:66px 0;
}
.logistics{
    margin:20px 0 40px;
}
.Weigh .Weigh_left{
    /* width:32%; */
    height:288px;
    float:left;
    background-color:#222937;
    text-align: left;
    color:#fff;
    padding:50px 50px 70px;
}
.Weigh .Weigh_right img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.Weigh .Weigh_right:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.Weigh .Weigh_right{
    /* width:68%; */
    float:right;
    overflow: hidden;
}
.Weigh .line{
    display: block;
    width: 10px;
    height: 2px;
    background-color: #9a9a9a;
    margin-top: 10px;
}
.Weigh .Weigh_right a{
    display: block;
    width:100%;
    position:relative;
}
.Weigh_right .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
}
.Weigh_right .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.Weigh_right .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.Weigh_right .up-graybox .linet {
    top: 0;
}
.Weigh_right .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.Weigh_right:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.Weigh_right .up-graybox .linet {
    top: -10px;
}
.Weigh_right .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.Weigh_right .up-graybox .lineb {
    bottom: 0;
}
.Weigh_right .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.u65{
    height:402px;
}
.u65:hover{
    background-color: #fff;
    box-shadow: 0px 5px 10px 0px rgba(210, 210, 210, 0.4);
    transition: all 0.6s ease 0s;
}
.u64_p{
    text-align: left;
    font-size: 17px;
	color: #999;
}
.u64_p  span{
    display: block;
	font-size: 22px;
	font-stretch: normal;
    letter-spacing: 4px;
    margin:25px 0 10px;
color:#333;
}
.case{
    margin:40px 0 0;
    position: relative;
}
.case a{
    display: block;
    width: 200px;
	height: 60px;
	border: solid 1px #fff;
    position:absolute;
    bottom:64px;
    left:50%;
    margin-left:-100px;
    color:#fff;
    text-align: center;
    line-height: 60px;
}
.footer{
    background-color:#222;
    padding:50px 0;
    color:#fff;
}
.footer_logo{
    width: 160px;
    height: 50px;
    margin:7px 0 25px;
}
.footer p{
    color:#888;
    line-height: 24px;
    letter-spacing: 0;
	font-size:14px;
}
.footer span{
    font-size:18px;
}
.footer_nav{
    margin-top:35px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
}
.footer_nav1 span{
    font-size:12px;
}
.footer_nav1{
    line-height: 40px;
}
.copyright{
    /*height:50px;*/
    line-height: 50px;
    text-align: center;
    color:#bababa;
    background-color:#000;
    font-size:12px;
}

/* 楼层样式 */
#loutinav {
    width: 60px;
    position: fixed;
    top: 200px;
    left: 56px;
    display: none;
    z-index: 99;
    
}
#loutinav ul{
    background-color: #fff;
}
#loutinav ul li {
    width: 100%;
    height: 56px;
    border-bottom: 1px dotted #DDDDDD;
    list-style: none;
    font-size: 12px;
    text-align: center;
    position: relative;
    cursor: pointer;
    color: #000;
}

#loutinav ul li span {
    width: 44%;
    height: 45px;
    text-align: center;
    position: absolute;
    top: 10px;
    left: 14px;
}



#loutinav ul li.last {
    color: #2d5abf;
    border-bottom: 1px solid #ddd;
    line-height: 52px;
}

#loutinav ul li.active span {
    color: #2d5abf;
    display: block;
}

#loutinav ul li:hover span {
    color: #2d5abf;
    display: block;
}

.footer_div1,.footer_div2,.footer_div3,.footer_div4{
    float:left;
}
.footer_div1{
    /* width:26%; */
}
.footer_div2{
    /* width: 20%; */
    padding-left: 100px;
}
.footer_div3{
    /* width: 30%; */
    padding-left: 71px;
}
.footer_div4{
    /* width: 22%; */
    padding-left: 25px;
}

.u64_ccontent {
    width:300px;
    height:240px;
    overflow: hidden;
    margin:0 auto;
}
.u64_ccontent img {
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
}
.u64_a:hover img {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
    background-color: transparent;
}
.logos{
    display:block;
    width:164px;
    height:36px;
}
.jq22-container{
    margin-top:64px;
}
.footer_div4_img{
    margin-top:44px;
}
@media(max-width:770px){
    .navbar-inverse .navbar-toggle{
        border-color: #f5f5f5;
        margin-top: 10px;
    }
    .governingSuper{
        margin: 88px 0 0;
    }
    .governingSuper p{
        display: none;
    }
    .nav{
        width:100%;
    }
    .nav a.mmm{
        height: 46px;
        line-height: 0px;
    }
    .logos{
        width: 63px;
        height: 23px;
    }
    .jq22-container{
        margin-top:32px;
    }
    .solution .solution_left, .solution .solution_right{
        width: 45px;
    }
    .u64_ccontent{
        width: 100%;
    }
    .footer_div2{
        padding-left: 10px;
        margin: 10px 0;
    }
    .footer_div3{
        padding-left: 10px;
    }
    .footer_div4{
        padding-left: 10px;
        margin-top: 16px;
    }
    .footer_nav{
        margin-top: 4px;
        padding: 0 15px;
    }
    .footer p{
        padding: 0 10px;
        text-indent: 25px;
    }
    .footer_div4_img{
        margin-top:10px;
    }
    .case a {
        width: 71px;
        height: 18px;
        border: none;
        bottom: 8px;
        margin-left: -36px;
        font-size: 12px;
        line-height: 18px;
    }
}
@media(max-width:375px){
    .navbar-inverse .navbar-toggle{
        border-color: #f5f5f5;
        margin-top: 10px;
    }
    .governingSuper{
        margin: 88px 0 0;
    }
    .governingSuper p{
        display: none;
    }
    .nav{
        width:100%;
    }
    .nav a.mmm{
        height: 46px;
        line-height: 0px;
    }
    .logos{
        width: 63px;
        height: 23px;
    }
    .jq22-container{
        margin-top:32px;
    }
    .solution .solution_left, .solution .solution_right{
        width: 45px;
    }
    .u64_ccontent{
        width: 100%;
    }
    .footer_div2{
        padding-left: 10px;
        margin: 10px 0;
    }
    .footer_div3{
        padding-left: 10px;
    }
    .footer_div4{
        padding-left: 10px;
        margin-top: 16px;
    }
    .footer_nav{
        margin-top: 4px;
        padding: 0 15px;
    }
    .footer p{
        padding: 0 10px;
        text-indent: 25px;
    }
    .footer_div4_img{
        margin-top:10px;
    }
    .case a {
        width: 71px;
        height: 18px;
        border: none;
        bottom: 8px;
        margin-left: -36px;
        font-size: 12px;
        line-height: 18px;
    }
}
@media(max-width:320px){
    /* #headdiv{
        width: 320px;
    } */
    .navbar-inverse .navbar-toggle{
        border-color: #f5f5f5;
        margin-top: 10px;
    }
    .governingSuper{
        margin: 88px 0 0;
    }
    .governingSuper p{
        display: none;
    }
    .nav{
        width:100%;
    }
    .nav a.mmm{
        height: 46px;
        line-height: 0px;
    }
    .logos{
        width: 63px;
        height: 23px;
    }
    .jq22-container{
        margin-top:32px;
    }
    .solution .solution_left, .solution .solution_right{
        width: 45px;
    }
    .u64_ccontent{
        width: 100%;
    }
    .footer_div2{
        padding-left: 10px;
        margin: 10px 0;
    }
    .footer_div3{
        padding-left: 10px;
    }
    .footer_div4{
        padding-left: 10px;
        margin-top: 16px;
    }
    .footer_nav{
        margin-top: 4px;
        padding: 0 15px;
    }
    .footer p{
        padding: 0 10px;
        text-indent: 25px;
    }
    .footer_div4_img{
        margin-top:10px;
    }
    .case a {
        width: 71px;
        height: 18px;
        border: none;
        bottom: 8px;
        margin-left: -36px;
        font-size: 12px;
        line-height: 18px;
    }
}